import React, { useState, useEffect } from 'react'
import { Table,Switch,Button  } from 'antd'
import { Link } from "react-router-dom"

export default function RegionaldatadictionaryList(props) {

  const [selectedRowKeys, setSelectedRowKeys] = useState([])
  const [resdata, setResData] = useState([])

  const [pageSize, setPageSize] = useState(10)
  const [pageSizeNow, setPageSizeNow] = useState(1)

  // 第几次


  const columns = [
    {
      title: '省/自治区/直辖市',
      dataIndex: 'sheng',
    },
    {
      title: '地级市',
      dataIndex: 'adress',
    },
    {
      title: '市辖区/县/县级市',
      dataIndex: 'quxian',
    },
    {
      title: '乡/镇/街道',
      dataIndex: 'xiangzhen',
    }
  ];

  const first = [
    '北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江',<span><strong>广东</strong></span>,<span><Button> 新增 </Button></span>
  ]

  const second = [
    '广州',<span><strong>深圳</strong></span>,'珠海','汕头','韶关','佛山','湛江','肇庆',<span><Button> 新增 </Button></span>
  ]

  const third = [
    <span><strong>罗湖区</strong></span>,'福田区','南山区','盐田区','宝安区','龙岗区',<span><Button> 新增 </Button></span>
  ]

  const fourth = [
    '桂园街道','黄贝街道',<span><strong>东门街道</strong></span>,'翠竹街道','东晓街道',<span><Button> 新增 </Button></span>
  ]


  const data = [];

  for (let i = 0; i < 10; i++) {
    data.push({
      key: i,
      sheng:first[i],
      adress:second[i],
      quxian:third[i],
      xiangzhen:fourth[i],
    })
  }


  return (
    <div>
      <Table columns={columns} dataSource={data}
      />
    </div>
  );
}
